<%-- 
    Document   : index
    Created on : 07-mar-2012, 19:51:52
    Author     : Administrador
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript" src="prototype.js">            
        </script>
        <script type="text/javascript">
            // debugger;
            //alert("Prueba!!");
            function envio1(){
                //alert('envio1');
                new Ajax.Request('contenido.jsp', {
                    asynchronous: false,
                    onSuccess: function(response) {
                        //alert(response.responseText);
                        $('mensajes').innerHTML=response.responseText;
                    }
                });
            }
            function envio2(){
                new Ajax.Updater('mensajes', 'contenido.jsp', { } );
            }
            function envio3(){
                new Ajax.PeriodicalUpdater('mensajes', 'contenido.jsp', { 
                    frecuency: 1
                } );
            }       
            function envio4(){
                new Ajax.Updater('mensajes', 'contenido.jsp', { 
                    parameters: {
                        nombre: $('nombre').value
                    }
                } );
            }       
            function envio5(){
                $('mensajes').style.backgroundColor='red';
                new Ajax.Request('contenido.jsp', {
                    onSuccess: function(response) {
                        $('mensajes').innerHTML=response.responseText;
                    },
                    onFailure: function(response) {
                        $('mensajes').innerHTML="Error != 200";
                    },
                    onException: function(response) {
                        $('mensajes').innerHTML="Error de comunicacion";
                    },
                    onComplete:  function(response) {
                        $('mensajes').innerHTML=$('mensajes').innerHTML+
                            "Ejecución completa";
                        $('mensajes').style.backgroundColor='white';
                    }
                });
            }    
            function envio6(){
                new Ajax.Request('ejecutable.js', {
                    evalJS: true
                });
            }         
            function envio7(){
                new Ajax.Request('xml.jsp', {
                    onSuccess: function(response) {
                         var dom = response.responseXML;
                         alert(dom.getElementsByTagName('id').item(0).childNodes[0].nodeValue);
                         alert(dom.getElementsByTagName('nombre').item(0).childNodes[0].nodeValue);
//                         /usuario/id/text()
                    }
                });
            }            
        </script>        
    </head>
    <body>
        Nombre <input id="nombre" type="text"/><br/>
        <span id="mensajes">.....</span>
        <input type="button" onclick="javascript:envio1();" value="envio1"/><br/>
        <input type="button" onclick="javascript:envio2();" value="envio2"/><br/>
        <input type="button" onclick="javascript:envio3();" value="envio3"/><br/>
        <input type="button" onclick="javascript:envio4();" value="envio4"/><br/>
        <input type="button" onclick="javascript:envio5();" value="envio5"/><br/>
        <input type="button" onclick="javascript:envio6();" value="envio6"/><br/>
        <input type="button" onclick="javascript:envio7();" value="envio7"/><br/>
    </body>
</html>
